.home-page {
  background-color: #f5f5f5;
  padding-top: 70px;
  padding-bottom: 230px;
  position: relative;
}
.music-score {
  margin: 24px auto 0;
  width: 1192px;
  background-color: #ffffff;
  &:last-child{
    margin: 20px auto 0;
  }
  .hot-container {
    padding:  23px 21px 0px 21px;
    .score-head {
      position: relative;
      font-size: 0;
      padding-bottom: 25px;
      > div {
        display: inline-block;
      }
      .score-title {
        margin-right: 48px;
        padding-left: 12px;
        position: relative;
        font-size:22px;
        font-family:PingFangSC-Regular;
        font-weight: 400;
        color:rgba(51,51,61,1);
        line-height: 1;
        &::before {
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          margin-top: -8px;
          width: 4px;
          height: 16px;
          background:rgba(223,60,43,1);
          border-radius:2px;
        }
      }
      .score-type {
        font-size:14px;
        font-family:PingFangSC-Regular;
        font-weight:400;
        line-height: 1;
        color:rgba(104,104,113,1);
        > span {
          cursor: pointer;
        }
        > :last-of-type{
          margin-left: 21px;
        }
        .score-type-active {
          color:rgba(223,65,49,1);
        }
      }
      .score-more {
        position: absolute;
        right: 0;
        bottom: 25px;
        font-size: 0;
        cursor: pointer;
        > div {
          display: inline-block;
        }
        .score-more-icon {
          position: relative;
          top: 1px;
          margin-right: 4px;
          img {
            vertical-align: middle;
            display: block;
            width: 12px;
            height: 12px;
          }
        }
        .score-more-text {
          font-size:12px;
          font-family:PingFangSC-Regular;
          font-weight:400;
          color:rgba(104,104,113,1);
          line-height: 1;
        }
      }
    }
    .music-score-card {
      width: 1150px;
      overflow: hidden;
      font-size: 0;
      .hot-card { 
        > div {
          display: inline-block;
          padding-bottom: 23px;
          margin-right: 20px;
          cursor: pointer;
          &:nth-child(5n) {
            margin-right: 0;
          }
        }
      }
    }
  }
}